<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="rem" content="design-width=720" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="full-screen" content="yes" />
    <meta name="x5-fullscreen" content="true" />
    <meta name="360-fullscreen" content="true" />
    <title>涨停详情</title>

    <script src="//s.thsi.cn/js/m/common/zepto.js"></script>
    <script src="//s.thsi.cn/js/m/vue/2.6.11.min.js"></script>
    <script src="//s.thsi.cn/cd/ths-frontend-common-lib-container/v1.3.12/business/thsIphoneXAdapter.js"></script>
    <script src="//s.thsi.cn/cb?js/m/common/;user.js;basic.js;js/m/v2/common/;bridge.js;js/m/v2.1/common/;rem.js;js/m/v2/business/;stat.js"></script>
    <script type="text/javascript" src="//s.thsi.cn/hxapp/m/base/js/skywalking.1.1.5.min.js"></script>
    <!-- build:css styles/compoundDetail.css -->
    <link type="text/css" rel="stylesheet" href="./styles/reset.css" />
    <link type="text/less" rel="stylesheet" href="./styles/compoundDetail.less" />
    <link type="text/less" rel="stylesheet" href="./styles/baseToolTip.less" />
    <link type="text/less" rel="stylesheet" href="./styles/common.less" />
    <!-- endbuild -->
    <!-- build:remove -->
    <script type="text/javascript" src="//s.thsi.cn/js/m/business/less.js"></script>
    <!-- endbuild -->
</head>

<body>
    <div id="vuewrap" v-cloak>
        <!-- 页面loading页面 -->
        <div class="initLoading hide" id="initLoading">
            <div class="wrap">
                <img src="//s.thsi.cn/js/m/publicImg/loading.png" alt="">
                <p :class="{'adjustdot03':androidApp}">正在加载...</p>
            </div>
        </div>
        <!-- 接口错误页面 -->
        <div class="errLoading hide" @click="reload" id="errLoading">
            <div class="wrap">
                <img src="//s.thsi.cn/js/m/publicImg/error.png" alt="">
                <p>数据走丢了，点击屏幕重试</p>
            </div>
        </div>
        <section class="header">
            <div class="base">
                <div class="stock">
                    <p class="name">{{stock.name}}</p>
                    <p class="code">{{stock.code}}</p>
                </div>
                <div class="data hq" :class="{'red':parseFloat(headerArr.spj)>0,'green':parseFloat(headerArr.spj)<0}">
                    <span>{{headerArr.spj}}</span>
                    <span><i v-if="parseFloat(headerArr.zdf)>0">+</i>{{headerArr.zdf || "--"}}%</span>
                </div>
            </div>
            <div class="fenshi" @click="jumpFenshi()">
                看分时
            </div>
        </section>
        <div class="height20"></div>
        <section class="limitDetail">
            <h4>{{headerArr.date}}涨停详情</h4>
            <div class="detail">
                <ul class="clearfix">
                    <li class="clearfix ztyy" >
                        <span>涨停原因</span>
                        <span :class="[headerArr.ztyy && headerArr.ztyy.length<=6 ?'normal':'small','adjustdot05']">{{headerArr.ztyy ||'--'}}</span>
                    </li>
                    <li class="clearfix">
                        <span>龙虎榜净流入</span>
                        <span>{{!headerArr.jlr?'--':(headerArr.jlr/yi).toFixed(2)+"亿"}}</span>
                    </li>
                    <li class="clearfix">
                        <span>连板数</span>
                        <span>{{headerArr.lbzs ||'--'}}</span>
                    </li>
                    <li class="clearfix">
                        <span>封流比</span>
                        <span>{{!headerArr.flb?'--':headerArr.flb+"%"}}</span>
                    </li>
                    <li class="clearfix">
                        <span>首次涨停时间</span>
                        <span>{{headerArr.time1 ||'--'}}</span>
                    </li>
                    <li class="clearfix">
                        <span>是否开板</span>
                        <span>{{headerArr.wkb==0?'开板':'未开板'}}</span>
                    </li>
                    <li class="clearfix">
                        <span>最终涨停时间</span>
                        <span>{{headerArr.time2 ||'--'}}</span>
                    </li>
                    <li class="clearfix">
                        <span>明日涨停概率</span>
                        <span>{{!headerArr.ztgl?'--':headerArr.ztgl+"%"}}</span>
                    </li>
                    <li class="clearfix">
                        <span>当日收盘价</span>
                        <span>{{headerArr.spj ||'--'}}</span>
                    </li>
                    <li class="clearfix">
                        <span>换手率</span>
                        <span>{{!headerArr.hsl?"--":headerArr.hsl+'%'}}</span>
                    </li>
                    <li class="clearfix">
                        <span>涨跌幅</span>
                        <span>{{!headerArr.zdf?"--":headerArr.zdf+'%'}}</span>
                    </li>
                    <li class="clearfix">
                        <span>成交额</span>
                        <span>{{(parseFloat(headerArr.cje)/yi).toFixed(2) | textFilter('亿')}}</span>

                    </li>
                    <li class="clearfix">
                        <span>总市值</span>
                        <span>{{(parseFloat(headerArr.zsz)/yi).toFixed(2) | textFilter('亿')}}</span>

                    </li>
                    <li class="clearfix">
                        <span>成交量</span>
                        <span>{{(parseFloat(headerArr.cjl)/wan).toFixed(2) | textFilter('万')}}</span>

                    </li>
                    <li class="clearfix">
                        <span>流通市值</span>
                        <span>{{(parseFloat(headerArr.ltsz)/yi).toFixed(2) | textFilter('亿')}}</span>
                    </li>
                </ul>
            </div>
        </section>
        <section class="limitRecording" v-show="detailArr.length>1">
            <h4>{{stock.num}}连板涨停纪录</h4>
            <div class="item clearfix">
                <ul class="title clearfix">
                    <li>涨停日期</li>
                    <li>连板数</li>
                    <li>是否开板</li>
                    <li>涨停原因</li>
                </ul>
                <ul class="list clearfix" v-for="(item,index) in detailArr" v-if="index>0">
                    <li class="type1 hq dot3">{{item.date || "--"}}</li>
                    <li class="type2 dot3"><i class="hq">{{typeof item.lbzs=='number'?item.lbzs:"--"}}</i>连板</li>
                    <li class="type3 dot3" :class="{'red':item.wkb==1,'green':item.wkb==0}">{{item.wkb==0?'开板':'未开板'}}</li>
                    <li class="type4 dot3">{{item.ztyy ||'--'}}</li>
                </ul>
            </div>
        </section>
        <basetooltip></basetooltip>
    </div>
    <!-- build:js scripts/compoundDetail.js -->
    <script src="./scripts/config.js"></script>
    <script src="./scripts/stat.js"></script>
    <script src="./scripts/utils.js"></script>
    <script src="./scripts/BaseToolTip.js"></script>
    <script src="./scripts/SkyWalking.js"></script>
    <script src="./scripts/compoundDetail.js"></script>
    <!-- endbuild -->
</body>

</html>